<!--#include file="public/subtop.html"-->

<body class="bodxs">
<!--#include file="public/head.html"-->
<div class="subbanner"><!--if:{$top_category.image}--><img src="{$top_category.image}" /><!--{else}--><div class="nbsp"></div><!--{/if}--></div>
<div class="main_t">
<!--#include file="public/mkey.html"-->
<!--#include file="public/msub.html"-->

<?php
$photos=unserialize($info['photo']);
if($photos){
	$img = $photos[0]['url'];
}else{
	$img = $info['image'];
}
?>
<div id="content">
	<div id="website_left">
		<!--#include file="public/pro_sub.html"-->
    </div>
    <div id="website_right">
    	<div class="right_title"><!--#include file="public/bread.html"--></div>
        <div class="right_detail">
        	<div class="blank12"></div>
            <div class="pleft">
                <div class="mainbox">
                  <div class="maincont">
                    <div class="prodetailsinfo">
                      <div class="proviewbox">
                        <div class="probigshow">
                            <div class="jqzoom" id="spec-n1" onClick="window.open('#')" style="cursor:crosshair;"><IMG src="{$img}" jqimg="{$img}" width=350></div>
                        </div>
                        <div class="div_prothumb">
                          <div class="thumbporbox">
                            <ul class="ul_prothumb">
                              <div id="img_list">
				          <?php
				            if($photos){
				          	foreach($photos as $pk=>$ps){
				          ?>
				            <li><a href="{$ps['url']}"><img src="{$ps['url']}" longdesc="{$ps['url']}" width="60" height="60" /></a></li>
				           <?php }} ?>
                              </div>
                            </ul>
                          </div>
                          <span class="span_prev span_prevb">prev</span><span class="span_next">next</span> </div>
                      </div>
                      <div class="clear"> </div>
                    </div>
                  </div>
                </div>
              <script type="text/javascript" src="/public/js/pshow2.js"></script>
              <script type="text/javascript">
              $(function(){
                 $(".jqzoom").jqueryzoom({
                      xzoom:350,
                      yzoom:350,
                      offset:10,
                      position:"right",
                      preload:1,
                      lens:1
                  });
              })
              </script>
              <script src="/public/js/163css.lib.js" type="text/javascript"></script>
              <script src="/public/js/163css.js" type="text/javascript"></script>
            </div>
            <!--right-->
            <style>
            .fl { float: left;}
            </style>
            <div class="pright">
                <div id="protop" class="prodbaseinfo_a">
                  <h1 class="h2_prodtitle">{$info.title}</h1>
                  <ul class="ul_prodinfo">
                     <li class="li_normalprice clear-fix"><span class="span_title fl" style="width: 26%; display: block;"><div style="display:inline-block;width:90%;">Model No</div>:</span><p class="fl" style="width: 74%;">{$info.pro_Model}</p></li>
                      <li class="li_normalprice clear-fix"><span class="span_title fl" style="width: 26%; display: block;"><div style="display:inline-block;width:90%;">Material</div>:</span><p class="fl" style="width: 74%;">{$info.pro_Material}</p></li>
                       <li class="li_normalprice clear-fix"><span class="span_title fl" style="width: 26%; display: block;"><div style="display:inline-block;width:90%;">Size</div>:</span><p class="fl" style="width: 74%;">{$info.pro_Size}</p></li>
                        <!--<li class="li_normalprice"><span class="span_title"><div style="display:inline-block;width:35%;">Fit</div>:</span>&nbsp;&nbsp;{$info.pro_Fit}</li>-->
                         <li class="li_normalprice clear-fix"><span class="span_title fl" style="width: 26%; display: block;"><div style="display:inline-block;width:90%;">Imprint</div>:</span><p class="fl" style="width: 74%;">{$info.pro_Imprint}</p></li>
                          <li class="li_normalprice clear-fix"><span class="span_title fl" style="width: 26%; display: block;"><div style="display:inline-block;width:90%;">Packing</div>:</span><p class="fl" style="width: 74%;">{$info.pro_Packing}</p></li>
                  </ul>
                  <ul class="ul_prodinfos">
                    <li class="li_weight">
                        <div class="propar"> <a href="#contact"> <img style="border: 0" src="/public//images/inq.jpg" /></a> </div>
                    </li>
                  </ul>
                </div>
            </div>
            <!--right-->
            <div class="blank12"></div>
            <div class="menu1">
            	<div class="menu_title">Product details</div>
            </div>
            <div class="menu_content">
            	{$info.content}
            </div>
            <div class="blank6"></div>
            <!--#include file="public/b_newpro.html"-->
            <div class="blank12"></div>
			<div id="lib_product_inquire">
			    <div id="contact" class="menu1">
			        <div class="menu_title">Leave message</div>
			    </div>
			</div>
            <!--#include file="public/form.html"-->
        </div>
    </div>
    <div class="clear"></div>
	<div class="blank12"></div>
</div>

</div>

<!--#include file="public/foot.html"-->
</body>
</html>
